// // 导入封装好的API请求
// import { login, logout, getInfo } from '@/api/user'
// // 导入对token进行处理的方法
// import { getToken, setToken, removeToken } from '@/utils/auth'
// import { resetRouter } from '@/router'

// const getDefaultState = () => {
//   return {
//     token: getToken(),
//     name: '',
//     avatar: ''
//   }
// }
import { getToken, setToken, removeToken } from '@/utils/auth'
import { getUserInfoApi, login, getUsertouxiangApi } from '@/api/user' // 引入登录接口
import { resetRouter } from '@/router' // 重置路由的方法
const state = {
  token: getToken() || null,
  userInfo: {} // 存储用户信息
}

const mutations = {
  // 设置token
  setToken(state, newToken) {
    state.token = newToken// 把token存到vuex中
    setToken(newToken)// 把token存到cookie中
  },
  // 移除token
  removeToken() {
    state.token = null
    removeToken()// 移除本地cookie里的token
  },
  // 存储用户信息
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },
  // 移除用户信息
  removeUserInfo(state) {
    state.userInfo = {}
  }
}

const actions = {
  // 登录功能
  async userLogin(context, loginForm) {
    // console.log(context)
    const res = await login(loginForm)
    context.commit('setToken', res.data)
  },
  // 获取用户信息
  async getUserInfo(context) {
    const res = await getUserInfoApi() // 调用获取用户信息的接口
    // console.log(res)
    const touxiang = await getUsertouxiangApi(res.data.userId)
    // console.log(res)
    context.commit('setUserInfo', { ...res.data, ...touxiang.data })
    return res.data.roles.menus
  },
  // 清空用户token和用户信息，推出功能
  clearToken(context) {
    console.log(context)
    context.commit('removeToken')
    context.commit('removeUserInfo')
    // 重置路由
    resetRouter()
  }

}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

